﻿

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>返修订单</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
</head>
<body>

    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">预收单号</label>
                        <div class="layui-input-block">
                            <input type="text" name="txt_ysdh" id="txt_ysdh" placeholder="预收单号" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">量定单号</label>
                        <div class="layui-input-block">
                            <input type="text" name="txt_orderdh" id="txt_orderdh" placeholder="请输入量定单号" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">款号</label>
                        <div class="layui-input-block">
                            <input type="text" name="txt_kh" id="txt_kh" placeholder="请输入款号" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">审批状态</label>
                        <div class="layui-input-block">
                            <select name="status" id="status">
                                <option value="">全部</option>
                                <option value="0" selected>未提交</option>
                                <option value="-1">驳回</option>
                                <option value="1">提交</option>
                                <option value="99">审核通过</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
                            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                        </button>
                    </div>
                </div>
            </div>

            <div class="layui-card-body">
                <div style="padding-bottom: 10px;">
                    <!--<button class="layui-btn layuiadmin-btn-useradmin" data-type="batchdel">删除</button>-->
                    <!--<button class="layui-btn layuiadmin-btn-useradmin" data-type="add">添加</button>-->
                </div>


                <script type="text/html" id="test-table-operate-td">
                    {{#  if(d.status == 0){ }}
                    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
                    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
                    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
                    <!--<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="copy">复制订单</a>-->
                    {{#  } else if(d.status == -1){ }}
                    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
                    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
                    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
                    <!--<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="copy">复制订单</a>-->
                    {{#  } else { }}
                    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
                    <!--<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="copy">复制订单</a>-->
                    {{#  } }}
                </script>
                <script type="text/html" id="buttonTpl">
                    {{#  if(d.status == 99){ }}
                    <button class="layui-btn layui-btn-xs">已审核</button>
                    {{#  } else if(d.status == 1){ }}
                    <button class="layui-btn layui-btn-primary layui-btn-xs">已提交</button>
                    {{#  } else if(d.status == 0){ }}
                    <button class="layui-btn layui-btn-primary layui-btn-xs">未提交</button>
                    {{#  } else if(d.status == -1){ }}
                    <button class="layui-btn layui-btn-danger layui-btn-xs">驳回</button>
                    {{#  } else { }}
                    <button class="layui-btn layui-btn-primary layui-btn-xs">未审核</button>
                    {{#  } }}
                </script>
                <table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>
                <script type="text/html" id="imgTpl">
                    <img style="display: inline-block; width: 50%; height: 100%;" src={{ d.avatar }}>
                </script>
                <!--<script type="text/html" id="table-useradmin-webuser">
                    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
                    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
                </script>-->
            </div>


        </div>
    </div>
    <script src="../../layuiadmin/js/jquery.min2.1.4.js"></script>
    <script src="../../layuiadmin/layui/layui.js"></script>
    <script src="../../layuiadmin/js/cookie.js"></script>
    <script>
        layui.config({
            base: '../../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'useradmin', 'table'], function () {
            var $ = layui.$
                , form = layui.form
                , table = layui.table;
            //加载表格
            table.render({
                elem: '#LAY-user-manage'
                , id: 'testReload'//容器的ID
                , url: 'ashx/list.ashx?type=getlist'
                , toolbar: '#test-table-radio-toolbarDemo'
                , method: 'post'
                , page: true
                , limits: [10, 20, 30]
                , limit: 10
                , cols: [[
                    { type: 'checkbox' }
                    , { field: 'id', width: 60, title: 'id', align: 'center' }
                    , { field: 'rebh', width: 180, title: '返修单号', align: 'center' }
                    , { field: 'ysdh', width: 180, title: '预收单号', align: 'center' }
                    , { field: 'name', width: 120, title: '品名', align: 'center' }
                    , { field: 'kh', width: 150, title: '款号', align: 'center' }
                    , { field: 'sl', width: 100, title: '数量', align: 'center' }
                    , { field: 'remark', width: 200, title: '返修原因', align: 'center' }
                    , { field: 'status', width: 100, title: '状态', align: 'center', templet: '#buttonTpl' }
                    , { field: 'username', width: 100, title: '创建人', align: 'center' }
                    //, { field: 'imgurl', width: 100, title: '图片地址', align: 'center', templet: img }
                    , { field: 'createtime', width: 180, title: '创建时间', align: 'center', sort: true }
                    , { width: 178, align: 'center', fixed: 'right', toolbar: '#test-table-operate-td' }

                ]], parseData: function (res) { //将原始数据解析成 table 组件所规定的数据.
                    return {
                        "code": res.code, //解析接口状态
                        "msg": res.msg, //解析提示文本
                        "count": res.count, //解析数据长度
                        "data": res.data //解析数据列表
                    };
                }
                , where: {
                    txt_ysdh: $('#txt_ysdh').val(),
                    txt_orderdh: $('#txt_orderdh').val(),
                    txt_kh: $('#txt_kh').val(),
                    status: $("select[name='status']").val()
                }
            });
            // 表格格式化  -  img 渲染
            function img(d) {
                return "<img src='" + d.imgurl + "' height=\"30\" width=\"30\" alt='icon'/>";
            }
            // 格式化显示用户状态信息
            function stateFormat(d) {
                var str;
                if (d.status == 0) {
                    str = '<span class="fontColor_red">禁用</span>';
                } else if (d.state == 1) {
                    str = '<span class="fontColor_green">提交</span>';
                } else {
                    str = '<span class="fontColor_darkOrange">锁定</span>';
                }
                return str;
            }

            function getRowFexId(value) {
                var checkStatus = table.checkStatus('testReload')
                    , data = checkStatus.data, arr = new Array();;
                for (var i = 0; i < data.length; i++) {
                    arr.push(data[i][value]);
                }
                return arr.join(",");
            }

            //双击行事件
            table.on('rowDouble(LAY-user-manage)', function (obj) {
                //console.log(obj.tr) //得到当前行元素对象
                //console.log(obj.data) //得到当前行数据
                layer.open({
                    type: 2
                    , title: '查看'
                    , content: 'select_ls.html?&dj_docno=' + obj.data.rebh
                    , maxmin: true
                    , area: [($(window).width() * 0.7) + 'px', ($(window).height() * 0.7) + 'px']
                    , cancel: function (index, layero) {

                    },
                    end: function () {

                    }
                });
                //obj.del(); //删除当前行
                //obj.update(fields) //修改当前行数据
            });
            //事件
            var active = {
                batchdel: function () {
                    var checkStatus = table.checkStatus('testReload')
                        , checkData = checkStatus.data; //得到选中的数据

                    if (checkData.length === 0) {
                        return layer.msg('请选择数据');
                    }
                    var getid = getRowFexId("id");
                    layer.confirm('确定删除吗？', function (index) {
                        //执行 Ajax 后重载
                        $.ajax({
                            url: 'ashx/list.ashx?type=delete&getids=' + getid,
                            type: "post",
                            contentType: "application/json",
                            dataType: "json",
                            data: {},
                            success: function (res) {
                                var index = parent.layer.getFrameIndex(window.name);
                                if (res.flag == "True") {
                                    layer.msg(res.remsg, {
                                        time: 2000,
                                        end: function () {
                                            //执行重载
                                            table.reload('testReload', {
                                                where: {
                                                    txt_ysdh: $('#txt_ysdh').val(),
                                                    txt_orderdh: $('#txt_orderdh').val(),
                                                    txt_kh: $('#txt_kh').val(),
                                                    status: $("select[name='status']").val()
                                                }, page: {
                                                    curr: 1 //重新从第 1 页开始
                                                }
                                            });
                                        }
                                    })
                                }
                                else {
                                    layer.alert(res.remsg);
                                }
                            }
                        });
                    });
                }
                , add: function () {
                    layer.open({
                        type: 2
                        , title: '添加图片'
                        , content: 'add.html'
                        , maxmin: true
                        , area: [($(window).width() * 0.5) + 'px', ($(window).height() * 0.5) + 'px']
                        , end: function () {
                            table.reload('testReload', {//刷新列表
                                where: { //请求参数
                                    txt_ysdh: $('#txt_ysdh').val(),
                                    txt_orderdh: $('#txt_orderdh').val(),
                                    txt_kh: $('#txt_kh').val(),
                                    status: $("select[name='status']").val()
                                }
                            });
                        }
                    });
                }
            };
            //监听排序
            table.on('sort(LAY-user-manage)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                table.reload('testReload', {//刷新列表
                    initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。 layui 2.1.1 新增参数
                    , where: { //请求参数
                        field: obj.field, //排序字段
                        order: obj.type, //排序方式
                        txt_ysdh: $('#txt_ysdh').val(),
                        txt_orderdh: $('#txt_orderdh').val(),
                        txt_kh: $('#txt_kh').val(),
                        status: $("select[name='status']").val()
                    }
                });
            });
            //监听工具条
            table.on('tool(LAY-user-manage)', function (obj) {
                var data = obj.data;
                if (obj.event == 'detail') {
                    layer.open({
                        type: 2
                        , title: '查看'
                        , content: 'edit.html?editid=' + data.id
                        , maxmin: true
                        , area: ['700px', '750px']

                    });
                }
                else if (obj.event == 'del') {
                    layer.confirm('真的删除行么', function (index) {
                        $.ajax({
                            url: 'ashx/list.ashx?type=delete&getids=' + data.id,
                            type: "post",
                            contentType: "application/json",
                            dataType: "json",
                            data: {},
                            success: function (res) {
                                var index = parent.layer.getFrameIndex(window.name);
                                if (res.flag == "True") {
                                    layer.msg(res.remsg, {
                                        time: 2000,
                                        end: function () {
                                            //执行重载
                                            table.reload('testReload', {
                                                where: {
                                                    txt_ysdh: $('#txt_ysdh').val(),
                                                    txt_orderdh: $('#txt_orderdh').val(),
                                                    txt_kh: $('#txt_kh').val(),
                                                    status: $("select[name='status']").val()
                                                }, page: {
                                                    curr: 1 //重新从第 1 页开始
                                                }
                                            });
                                        }
                                    })
                                }
                                else {
                                    layer.alert(res.remsg);
                                }
                            }
                        });
                    });
                }
                else if (obj.event === 'edit') {
                    layer.open({
                        type: 2
                        , title: '修改'
                        , content: 'edit.html?editid=' + data.id
                        , maxmin: true
                        , area: ['700px', '750px']
                        , btn: ['保存','提交', '取消']
                        , yes: function (index, layero) {
                            var iframeWindow = window['layui-layer-iframe' + index]
                                , submitID = 'LAY-user-front-submit'
                                , submit = layero.find('iframe').contents().find('#' + submitID);
                            //监听提交
                            iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
                                var obj = $(layero).find("iframe")[0].contentWindow;
                                var txt_fxdh = obj.$("#txt_fxdh").val();//返修单号
                                var txt_ysdbh = obj.$("#txt_ysdbh").val();//预收单单号
                                var txt_djbh = obj.$("#txt_djbh").val();//量定单号
                                var txt_name = obj.$("#txt_name").val();//品名
                                var txt_kh = obj.$("#txt_kh").val();//款号
                                var txt_sl = obj.$("#txt_sl").val();//数量
                                var txt_remark = obj.$("#txt_remark").val();//返修原因
                                var fx_pic = obj.urls;//返修图片

                                var arr = new Array();
                                if (txt_ysdbh == "" || txt_ysdbh == null || txt_ysdbh == undefined) {
                                    layer.msg('请填写预收单号', { icon: 5 });
                                    return;
                                }
                                if (txt_djbh == "" || txt_djbh == null || txt_djbh == undefined) {
                                    layer.msg('请填写单据编号', { icon: 5 });
                                    return;
                                }
                                if (txt_name == "" || txt_name == null || txt_name == undefined) {
                                    layer.msg('请填写返修名称', { icon: 5 });
                                    return;
                                }
                                if (txt_kh == "" || txt_kh == null || txt_kh == undefined) {
                                    layer.msg('请填写返修款号', { icon: 5 });
                                    return;
                                }
                
                                if (txt_ysdbh != "") {
                                    var add = {
                                        "rebh": txt_fxdh,
                                        "creater": $.cookie("id"),
                                        "username": $.cookie("username"),
                                        "ysdbh": txt_ysdbh,
                                        "djbh": txt_djbh,
                                        "name": txt_name,
                                        "kh": txt_kh,
                                        "sl": txt_sl,
                                        "remark": txt_remark,
                                        "pic": fx_pic
                                    };
                                    arr.push(add);
                                    $.ajax({
                                        url: 'ashx/list.ashx?type=edit&lx=save',
                                        type: "post",
                                        contentType: "application/json",
                                        dataType: "json",
                                        data: JSON.stringify({ 'LoadData_type': arr }),
                                        success: function (res) {
                                            if (res.flag == "True") {
                                                layer.close(index);
                                                layer.msg(res.remsg, {
                                                    time: 2000,
                                                    end: function () {
                                                        //执行重载
                                                        table.reload('testReload', {
                                                            where: {
                                                                txt_ysdh: $('#txt_ysdh').val(),
                                                                txt_orderdh: $('#txt_orderdh').val(),
                                                                txt_kh: $('#txt_kh').val(),
                                                                status: $("select[name='status']").val()
                                                            }, page: {
                                                                curr: 1 //重新从第 1 页开始
                                                            }
                                                        });
                                                    }
                                                })
                                            }
                                            else {
                                                layer.alert(res.remsg);
                                            }
                                        }
                                    })
                                }
                            });
                            submit.trigger('click');
                        }
                        , btn2: function (index, layero) {
                            var iframeWindow = window['layui-layer-iframe' + index]
                                , submitID = 'LAY-user-front-submit'
                                , submit = layero.find('iframe').contents().find('#' + submitID);
                            //监听提交
                            iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
                                var obj = $(layero).find("iframe")[0].contentWindow;
                                var txt_fxdh = obj.$("#txt_fxdh").val();//返修单号
                                var txt_ysdbh = obj.$("#txt_ysdbh").val();//预收单单号
                                var txt_djbh = obj.$("#txt_djbh").val();//量定单号
                                var txt_name = obj.$("#txt_name").val();//品名
                                var txt_kh = obj.$("#txt_kh").val();//款号
                                var txt_sl = obj.$("#txt_sl").val();//数量
                                var txt_remark = obj.$("#txt_remark").val();//返修原因
                                var fx_pic = obj.urls;//返修图片

                                var arr = new Array();
                                if (txt_ysdbh == "" || txt_ysdbh == null || txt_ysdbh == undefined) {
                                    layer.msg('请填写预收单号', { icon: 5 });
                                    return;
                                }
                                if (txt_djbh == "" || txt_djbh == null || txt_djbh == undefined) {
                                    layer.msg('请填写单据编号', { icon: 5 });
                                    return;
                                }
                                if (txt_name == "" || txt_name == null || txt_name == undefined) {
                                    layer.msg('请填写返修名称', { icon: 5 });
                                    return;
                                }
                                if (txt_kh == "" || txt_kh == null || txt_kh == undefined) {
                                    layer.msg('请填写返修款号', { icon: 5 });
                                    return;
                                }
                                if (txt_sl == "" || txt_sl == null || txt_sl == undefined) {
                                    layer.msg('请填写返修数量', { icon: 5 });
                                    return;
                                }
                                else if (parseInt(txt_sl) < 1) {
                                    layer.msg('数量不能小于1', { icon: 5 });
                                    return;
                                }
                                if (txt_remark == "" || txt_remark == null || txt_remark == undefined) {
                                    layer.msg('请填写返修原因', { icon: 5 });
                                    return;
                                }
                               
                                if (txt_remark != "") {
                                    var add = {
                                        "rebh": txt_fxdh,
                                        "creater": $.cookie("id"),
                                        "username": $.cookie("username"),
                                        "ysdbh": txt_ysdbh,
                                        "djbh": txt_djbh,
                                        "name": txt_name,
                                        "kh": txt_kh,
                                        "sl": txt_sl,
                                        "remark": txt_remark,
                                        "pic": fx_pic
                                    };
                                    arr.push(add);
                                    $.ajax({
                                        url: 'ashx/list.ashx?type=edit&lx=submit',
                                        type: "post",
                                        contentType: "application/json",
                                        dataType: "json",
                                        data: JSON.stringify({ 'LoadData_type': arr }),
                                        success: function (res) {
                                            if (res.flag == "True") {
                                                layer.close(index);
                                                layer.msg(res.remsg, {
                                                    time: 2000,
                                                    end: function () {
                                                        //执行重载
                                                        table.reload('testReload', {
                                                            where: {
                                                                txt_ysdh: $('#txt_ysdh').val(),
                                                                txt_orderdh: $('#txt_orderdh').val(),
                                                                txt_kh: $('#txt_kh').val(),
                                                                status: $("select[name='status']").val()
                                                            }, page: {
                                                                curr: 1 //重新从第 1 页开始
                                                            }
                                                        });
                                                    }
                                                })
                                            }
                                            else {
                                                layer.alert(res.remsg);
                                            }
                                        }
                                    })
                                }
                            });
                            submit.trigger('click');
                        }
                    });
                }
            });
            //监听搜索
            form.on('submit(LAY-user-front-search)', function (data) {
                var field = data.field;
                //执行重载
                table.reload('testReload', {
                    where: {
                        txt_ysdh: $('#txt_ysdh').val(),
                        txt_orderdh: $('#txt_orderdh').val(),
                        txt_kh: $('#txt_kh').val(),
                        status: $("select[name='status']").val()
                    }, page: {
                        curr: 1 //重新从第 1 页开始
                    }
                });
            });
            $('.layui-btn.layuiadmin-btn-useradmin').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });
        });


    </script>
</body>
</html>
